html {  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-touch-callout: none; /*系统默认菜单被禁用*/
    -webkit-user-select: none; /*webkit浏览器*/
    -khtml-user-select: none; /*早期浏览器*/
    -moz-user-select: none; /*火狐*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
    outline: none;
    -webkit-overflow-scrolling: touch;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'sans-serif';  
}

body{
    background-color: black;
    overflow: hidden;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, figure,
form, fieldset, legend, button, input, textarea, select
th, td {
  margin : 0;
  padding: 0;
}
  
.bottom-container { 
    display: none; 
    position: fixed; 
    right: -172px;
    top: 60px; 
    width: 180px;
    height: calc(100vh - 120px);
    box-sizing: border-box; /* 确保padding不影响高度 */  
    padding: 12px; /* 根据需要添加内边距 */  
    border-radius: 8px;
    border: 1px solid #4B87FF;
    color: white;
    background-color: rgba(0, 36, 107, 0.80);
    box-shadow: 0 1.06667vw 1.6vw rgba(0, 36, 107, .8);
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}  

.operation-panel-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.operation-panel-close {
    position: absolute;
    top: 50%;
    left: -32px;
    margin-top: -16px;
    width: 32px;
    height: 64px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 12px 0px 0px 12px;
    border: 1px solid #4B87FF;
    font-weight: bold;
    color: white;
    background-color: rgba(0, 36, 107, 0.80);
    writing-mode: vertical-rl;
    letter-spacing: 5px;
    text-align: center;
}
.operation-panel-collapsed {
    transform: translateX(-100%); /* 向左移动100%宽度 */
}
.operation-panel-content {
    margin-bottom: 24px;
    width: 100%;
    height: calc(100vh - 114px);
    display: flex;  
    flex-direction: column;  
    align-items: center; /* 如果按钮需要水平居中 */  
    overflow-y: scroll;
}
.bottom-button {  
    width: 118px;
    padding: 8px;
    margin-bottom: 12px;
    background-color: rgba(50, 118, 255, 1);
    border: 1px;
    border-radius: 6px; 
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #fff;
}  
  
/* 移除最后一个按钮的底部边距，以避免不必要的间距 */  
.bottom-button:last-child {  
    margin-bottom: 0;  
}

.top-close-btn{
    display:inline; 
    border:none;
    position: absolute; /* 绝对定位使得按钮可以脱离文档流 */  
    top: 50px; /* 距离模态框顶部的距离 */  
    right: 100px; /* 距离模态框右侧的距离 */  
    background-color: transparent; /* 背景透明 */  
    border: none; /* 无边框 */  
    font-size: 20px; /* 字体大小 */  
    font-weight: bold; /* 字体加粗 */  
    color: white; /* 字体颜色 */  
    
}

.close-btn{
    display:inline; 
    border:none;
    position: absolute; /* 绝对定位使得按钮可以脱离文档流 */  
    top: 20px; /* 距离模态框顶部的距离 */  
    right: 20px; /* 距离模态框右侧的距离 */  
    background-color: transparent; /* 背景透明 */  
    border: none; /* 无边框 */  
    font-size: 20px; /* 字体大小 */  
    font-weight: bold; /* 字体加粗 */  
    color: white; /* 字体颜色 */  
    z-index: 999;
}

.top-container {  
    position: absolute;  
    top: 24px;  
    left: 24px;  
}  
  
.top-button {  
    border: none;  
    padding: 8px 16px;  
    margin-right: 16px;  
    font-size: 14px;  
    font-weight: 600;
    width: 85px;
    border: 1px solid #4B87FF;
    border-radius: 8px; /* 圆角大小可以根据需要调整 */  
    text-align: center;  
    text-decoration: none;  
    overflow: hidden;  
    background-color: rgba(0, 36, 107, 0.80); /* 背景颜色可以根据需要调整 */  
    color: white; /* 文字颜色可以根据需要调整 */  
}    

#overlay {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    background-color: rgba(0, 0, 0, 0.5); /* 灰色蒙层 */  
    z-index: 1000; /* 确保蒙层在其他内容之上 */  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    transition: opacity 0.3s ease;  
}  
  
.overlay-hidden {  
    opacity: 0;  
    pointer-events: none;  
}  
  
.overlay-content {  
    color: white;
    text-align: center; /* 文字居中 */
}
  